<html id="root" lang="zhCN">
    <head>
        <script async src="https://um.iwarship.cn/shipdata" data-website-id="efff22b9-1357-451e-a179-86f67e00764e"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'G-VBQ8W4W1QK', { 'page_title' : 'calculator', 'page_path': '/e7-damage-calc/zh/' });
        </script>

        <meta charset="utf-8" />
        <meta name="keywords" content="第七史诗 伤害计算器, 第七史诗 伤害模拟器" />
        <meta name="description" content="填入第七史诗的角色面板数据, 模拟实际战斗伤害" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css">
        <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css">
        <link rel="stylesheet" href="../style.css" />
        <link rel="stylesheet" href="../flags.css" />
        <!-- IE -->
        <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
        <!-- other browsers -->
        <link rel="icon" type="image/x-icon" href="../favicon.ico" />
        
        <title>第七史诗 伤害计算器</title>
    </head>
    <body class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
            <a class="navbar-brand">第七史诗 伤害计算器</a>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" lang="zh-cn">
                        简体中文 <span class="flag flag-cn"> </span>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="../index.html" lang="en-us">English <span class="flag flag-us"> </span></a>
                        <a class="dropdown-item" href="../jp/index.html" lang="ja">日本语 <span class="flag flag-jp"> </span></a>
                        <a class="dropdown-item" href="../kr/index.html" lang="ko">한국어 <span class="flag flag-kr"> </span></a>
                        <a class="dropdown-item" href="../zhTW/index.html" lang="zh-tw">繁體中文 <span class="flag flag-tw"> </span></a>
                    </div>
                </li>
            </ul>
        </nav>
        <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="https://www.e7leaks.com/" target="_blank">e7leaks <i class="fas fa-external-link-alt fa-xs"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="effectiveness.html">效果命中与抵抗计算</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item nav-link">
                    <a class="nav-link p-0" target="_blank" href="https://www.buymeacoffee.com/maphe" data-toggle="tooltip" title="打赏" data-placement="left">
                        <i class="fas fa-mug-hot fa-lg"></i>
                    </a>
                </li>
                <li class="nav-item nav-link">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="dark-switch">
                        <label class="custom-control-label" for="dark-switch">
                            <span class="d-none d-sm-inline">深色模式</span>
                            <i class="fas fa-adjust d-inline d-sm-none mt-1"></i>
                        </label>
                    </div>
                </li>
            </ul>
        </nav>
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            网站不再维护，谢谢 - Maphe
            <br>请改用 <a href="https://e7calc.xyz/zh/">https://e7calc.xyz/zh/</a>,tyopoyt 正在更新
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div>
            <form id="stats">
                <div id="hero-block">
                    <div class="row">
                        <div class="form-group col-md-4 col-sm-12">
                            <select id="hero" name="hero" class="form-control custom-select selectpicker" data-live-search="true" data-size="12">
                            </select>
                        </div>
                        <div class="form-group col-md-4 col-sm-12">
                            <select id="artifact" name="artifact" class="form-control custom-select selectpicker" data-live-search="true" data-size="12" data-none-selected-text="Artifact">
                            </select>
                        </div>
                        <div class="form-group col-md-4 col-sm-12">
                            <select id="atk-preset" name="atk-preset" class="form-control custom-select selectpicker" data-size="12" data-show-subtext="true">
                                <option value="">手动</option>
                                <option data-divider="true"></option>
                                <option value="starter" data-atk="2500" data-crit="175" data-subtext="(2500/175%)">基础配置</option>
                                <option value="attack" data-atk="6500" data-crit="150" data-subtext="(6500/150%)">纯攻击配置</option>
                                <option value="crit" data-atk="2500" data-crit="350" data-subtext="(2500/350%)">纯暴伤配置</option>
                                <option value="elite" data-atk="5000" data-crit="300" data-subtext="(5000/300%)">传家宝</option>
                            </select>
                        </div>
                    </div>

                    <div id="hero-info"></div>

                    <div class="stat-block">
                        <div class="form-group row col-sm-12">
                            <label for="atk" class="col-md-9 col-form-label form-control-sm"><h5>攻击力</h5></label>
                            <div class="input-group input-group-sm col-md-3">
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button" id="atk-minus" onclick="minus('atk')">&minus;</button>
                                </div>
                                <input type="number" class="form-control text-center" id="atk" value="2500" onkeyup="update('atk')">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button" id="atk-plus" onclick="plus('atk')">&plus;</button>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row col-sm-12 mb-4">
                            <input type="range" class="custom-range" id="atk-slide" min="200" max="10000" value="2500" oninput="slide('atk')" data-for="atk">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6 half-left">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="atk-pc-imprint" class="col-md-7 col-form-label form-control-sm">
                                        <h5>攻击力%阵型 <i class="far fa-question-circle fa-xs text-muted" data-toggle="tooltip" title="输入所有自身攻击力%阵型和全队攻击力%阵型的总和; 基于英雄6星满觉醒的数据计算阵型加成"></i></h5>
                                    </label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="atk-pc-imprint-minus" onclick="minus('atk-pc-imprint')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="atk-pc-imprint" value="0" onkeyup="update('atk-pc-imprint')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="atk-pc-imprint-plus" onclick="plus('atk-pc-imprint')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="atk-pc-imprint-slide" min="0" max="50" value="0" oninput="slide('atk-pc-imprint')">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 half-right">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="atk-pc-up" class="col-md-7 col-form-label form-control-sm">
                                        <h5>攻击力%加成 <i class="far fa-question-circle fa-xs text-muted" data-toggle="tooltip" title="例子：小小奇迹贺年卡的攻击力%加成"></i></h5>
                                    </label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="atk-pc-up-minus" onclick="minus('atk-pc-up')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="atk-pc-up" value="0" onkeyup="update('atk-pc-up')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="atk-pc-up-plus" onclick="plus('atk-pc-up')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="atk-pc-up-slide" min="0" max="20" value="0" oninput="slide('atk-pc-up')">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="stat-block">
                        <div class="form-group row col-sm-12">
                            <label for="crit" class="col-md-9 col-form-label form-control-sm"><h5>暴击伤害 (%)</h5></label>
                            <div class="input-group input-group-sm col-md-3">
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button" id="crit-minus" onclick="minus('crit')">&minus;</button>
                                </div>
                                <input type="number" class="form-control text-center" id="crit" value="250" onkeyup="update('crit')">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button" id="crit-plus" onclick="plus('crit')">&plus;</button>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row col-sm-12">
                            <input type="range" class="custom-range" id="crit-slide" min="150" max="350" value="250" oninput="slide('crit')">
                        </div>
                    </div>

                    <div class="form-group col-sm-12">
                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="elem-adv" value="1.1" onchange="resolve()">
                            <label class="custom-control-label" for="elem-adv"><span id="elem-adv-icon"></span> 属性克制</label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="atk-down" value="0.5" onchange="resolve()">
                            <label class="custom-control-label" for="atk-down">
                                <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_att_dn.png" width="20" height="20" /> 攻击力减少
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="atk-up" value="1.5" onchange="resolve()">
                            <label class="custom-control-label" for="atk-up">
                                <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_att_up.png" width="20" height="20" /> 攻击力增加
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="atk-up-great" value="1.75" onchange="resolve()">
                            <label class="custom-control-label" for="atk-up-great">
                                <img src="https://epic7x.com/wp-content/uploads/2019/01/greater-attack-icon.png" width="20" height="20" /> 攻击力增加 (大幅)
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="crit-dmg-up" value="0.5" onchange="resolve()">
                            <label class="custom-control-label" for="crit-dmg-up">
                                <img src="https://epic7x.com/wp-content/uploads/2019/03/increase-critical-hit-damage.png" width="20" height="20" /> 暴击伤害增加
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="vigor" value="1.3" onchange="resolve()">
                            <label class="custom-control-label" for="vigor">
                                <img src="https://epic7x.com/wp-content/uploads/2019/02/vigor.png" width="20" height="20" /> 魄力
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="rage-set" value="1.3" onchange="resolve()">
                            <label class="custom-control-label" for="rage-set">
                                <img src="https://epic7x.com/wp-content/themes/epic7x/assets/img/Rage-set.png" width="20" height="20" /> 愤怒套装
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="pen-set" value="0.15" onchange="resolve()">
                            <label class="custom-control-label" for="pen-set">
                                <img src="https://www.e7leaks.com/datamine/penset.png" width="20" height="20" /> 穿透套装
                            </label>
                        </div>
                    </div>
                    <hr />
                </div>

                <div id="artifact-block">
                    <h4>神器</h4>
                    <div id="artifact-info"></div>
                    <div id="artifact-lvl-block" class="stat-block">
                        <div class="form-group row col-sm-12">
                            <label for="crit" class="col-md-9 col-form-label form-control-sm"><h5>级别</h5></label>
                            <div class="input-group input-group-sm col-md-3">
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button" id="artifact-lvl-minus" onclick="minus('artifact-lvl')">&minus;</button>
                                </div>
                                <input type="number" class="form-control text-center" id="artifact-lvl" min="0" max="30" value="30" readonly onkeyup="update('artifact-lvl')">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button" id="artifact-lvl-plus" onclick="plus('artifact-lvl')">&plus;</button>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row col-sm-12">
                            <input type="range" class="custom-range" id="artifact-lvl-slide" min="0" max="30" value="30" oninput="slide('artifact-lvl')">
                        </div>
                    </div>
                    <div id="artifact-custom-block"></div>
                    <hr />
                </div>

                <div class="row">
                    <h4 class="col-md-4">目标</h4>
                    <div class="form-group col-md-4 col-sm-12">
                        <select id="def-preset" name="def-preset" class="form-control custom-select selectpicker" data-size="10" data-show-subtext="true" data-live-search="true">
                            <option value="">手动</option>
                            <option data-divider="true"></option>
                            <optgroup label="龙 11">
                                <option value="blaze-dragona-11" data-def="984" data-hp="14158" data-subtext="14158 hp/163 spd">火焰德拉戈纳</option>
                                <option value="blood-ridge-naga-11" data-def="1183" data-hp="11851" data-subtext="11851 hp/144 spd">血光山脊那伽</option>
                                <option value="wyvern-11" data-def="1254" data-hp="150452" data-subtext="150452 hp/208 spd" data-elem-extra-dmg="ice" data-extra-dmg-pc="1.3">玛瑙双足飞龙</option>
                            </optgroup>
                            <optgroup label="龙 13">
                                <option value="blaze-dragona-13" data-def="1392" data-hp="20241" data-subtext="20241 hp/175 spd">火焰德拉戈纳</option>
                                <option value="blood-ridge-naga-13" data-def="1340" data-hp="13554" data-subtext="13554 hp/154 spd">血光山脊那伽</option>
                                <option value="wyvern-13" data-def="1940" data-hp="233578" data-subtext="233578 hp/242 spd" data-elem-extra-dmg="ice" data-extra-dmg-pc="1.3">玛瑙双足飞龙</option>
                            </optgroup>
                            <optgroup label="木 11">
                                <option value="raqix-flying-troop-11" data-def="891" data-hp="12528" data-subtext="12528 hp">罗奇斯飞行兵</option>
                                <option value="mossy-testudo-11" data-def="1077" data-hp="15015" data-subtext="15015 hp">青苔陆龟</option>
                                <option value="golem-11" data-def="1306" data-hp="101983" data-subtext="101983 hp" data-elem-extra-dmg="fire" data-extra-dmg-pc="1.3">杰伦石龙巨像</option>
                            </optgroup>
                            <optgroup label="木 13">
                                <option value="raqix-flying-troop-13" data-def="1007" data-hp="14743" data-subtext="14743 hp/188 spd">罗奇斯飞行兵</option>
                                <option value="mossy-testudo-13" data-def="1221" data-hp="17172" data-subtext="17172 hp">青苔陆龟</option>
                                <option value="golem-13" data-def="1550" data-hp="158553" data-subtext="158553 hp" data-elem-extra-dmg="fire" data-extra-dmg-pc="1.3">杰伦石龙巨像</option>
                            </optgroup>
                            <optgroup label="水 11">
                                <option value="mystychain-11" data-def="1101" data-hp="9631" data-subtext="9631 hp/154 spd">美丝缇彩</option>
                                <option value="icy-dark-broom-11" data-def="1101" data-hp="9631" data-subtext="9631 hp/152 spd">寒冰达克布鲁姆</option>
                                <option value="banshee-11" data-def="1289" data-hp="60624" data-subtext="60624 hp/160 spd" data-elem-extra-dmg="earth" data-extra-dmg-pc="1.3">报丧妖领主史达莱特</option>
                            </optgroup>
                            <optgroup label="水 13">
                                <option value="mystychain-13" data-def="1248" data-hp="11015" data-subtext="11015 hp/174 spd">美丝缇彩</option>
                                <option value="icy-dark-broom-13" data-def="1248" data-hp="11015" data-subtext="11015 hp/174 spd">寒冰达克布鲁姆</option>
                                <option value="banshee-13" data-def="1977" data-hp="115703" data-subtext="115703 hp/203 spd" data-elem-extra-dmg="earth" data-extra-dmg-pc="1.3">报丧妖领主史达莱特</option>
                            </optgroup>
                            <optgroup label="暗 11">
                                <option value="striker-raqix-warlord-11" data-def="1030" data-hp="12812" data-subtext="12812 hp/211 spd">一击的罗奇斯战斗君主</option>
                                <option value="karax-charger-11" data-def="1150" data-hp="20814" data-subtext="20814 hp/149 spd">卡洛斯冲锋兵</option>
                                <option value="egg-11" data-def="540" data-hp="8098" data-subtext="8098 hp">蛋</option>
                                <option value="azimanak-11" data-def="1825" data-hp="87729" data-subtext="87729 hp">战争君主阿吉玛隆</option>
                            </optgroup>
                            <optgroup label="暗 13">
                                <option value="striker-raqix-warlord-13" data-def="1134" data-hp="14653" data-subtext="14653 hp/218 spd">一击的罗奇斯战斗君主</option>
                                <option value="karax-charger-13" data-def="1297" data-hp="23805" data-subtext="23805 hp/176 spd">卡洛斯冲锋兵</option>
                                <option value="egg-13" data-def="600" data-hp="9156" data-subtext="9156 hp">蛋</option>
                                <option value="azimanak-13" data-def="2822" data-hp="134511" data-subtext="134511 hp">战争君主阿吉玛隆</option>
                            </optgroup>
                            <optgroup label="光 13">
                                <option value="converted-symaqus-13" data-def="2698" data-hp="41387" data-subtext="41387 hp/264 spd">洗脑的史托玛库斯</option>
                                <option value="caides-13" data-def="1456" data-hp="226348" data-subtext="226348 hp/180 spd">卡戴斯</option>
                            </optgroup>
                            <optgroup label="木属性远征">
                                <option value="earth-exp-1" data-def="807" data-elem-extra-dmg="fire" data-extra-dmg-pc="1.5">木属性远征 - 1级</option>
                                <option value="earth-exp-2" data-def="1078" data-elem-extra-dmg="fire" data-extra-dmg-pc="1.5">木属性远征 - 2级</option>
                                <option value="earth-exp-3" data-def="1324" data-elem-extra-dmg="fire" data-extra-dmg-pc="1.5">木属性远征 - 3级</option>
                            </optgroup>
                            <optgroup label="水属性远征">
                                <option value="ice-exp-1" data-def="677" data-elem-extra-dmg="earth" data-extra-dmg-pc="1.5">水属性远征 - 1级</option>
                                <option value="ice-exp-2" data-def="904" data-elem-extra-dmg="earth" data-extra-dmg-pc="1.5">水属性远征 - 2级</option>
                                <option value="ice-exp-3" data-def="1159" data-elem-extra-dmg="earth" data-extra-dmg-pc="1.5">水属性远征 - 3级</option>
                            </optgroup>
                            <optgroup label="火属性远征">
                                <option value="fire-exp-1" data-def="783" data-elem-extra-dmg="ice" data-extra-dmg-pc="1.5">火属性远征 - 1级</option>
                                <option value="fire-exp-2" data-def="1045" data-elem-extra-dmg="ice" data-extra-dmg-pc="1.5">火属性远征 - 2级</option>
                                <option value="fire-exp-3" data-def="1340" data-elem-extra-dmg="ice" data-extra-dmg-pc="1.5">火属性远征 - 3级</option>
                            </optgroup>
                        </select>
                    </div>
                    <div class="form-group col-md-4 col-sm-12">
                        <select id="dmg-reduc-preset" name="dmg-reduc-preset" class="form-control custom-select selectpicker" data-size="10" data-show-subtext="true">
                            <option value="none" data-reduc="0" data-trans="0" data-defup="0">无减伤 / 无伤害分配</option>
                            <option data-divider="true"></option>
                            <optgroup label="减伤">
                                <option value="proof-of-valor-init" data-reduc="30" data-subtext="30%">勇猛证据 (战斗开始时)</option>
                                <option value="proof-of-valor-down" data-reduc="15" data-subtext="15%">勇猛证据 (效果最低时)</option>
                                <option value="adamant-shield" data-reduc="16" data-subtext="16%">金刚石盾牌 (满破时)</option>
                                <option value="draco-plate" data-reduc="16" data-subtext="16%">龙族板甲 (满破时)</option>
                                <option value="elena" data-reduc="15" data-subtext="15%">艾蕾娜 (被动)</option>
                                <option value="c-armin" data-reduc="15" data-subtext="15%">红焰亚敏 (被动)</option>
                            </optgroup>
                            <optgroup label="伤害分配">
                                <option value="ss-bellona" data-trans="30" data-subtext="30%">海边的维尔萝娜 (被动)</option>
                                <option value="aurius" data-trans="20" data-defup="10" data-subtext="20% (+10% 防御力)">亚乌利斯 (满破时)</option>
                                <option value="t-crozet" data-trans="40" data-subtext="40%">不法之徒克罗泽 (被动)</option>
                                <option value="eaton" data-trans="30" data-subtext="30%">伊顿 (被动)</option>
                            </optgroup>
                        </select>
                    </div>
                </div>
                <div id="target-block">
                    <div class="row">
                        <div class="col-sm-6 half-left">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="def" class="col-md-7 col-form-label form-control-sm"><h5>防御力</h5></label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="def-minus" onclick="minus('def')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="def" value="1000" onkeyup="update('def')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="def-plus" onclick="plus('def')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="def-slide" min="200" max="5000" value="1000" oninput="slide('def')">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 half-right">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="def" class="col-md-7 col-form-label form-control-sm">
                                        <h5>防御力 % 加成 <i class="far fa-question-circle fa-xs text-muted" data-toggle="tooltip" title="例子: 亚乌利斯, 小小奇迹贺年卡, 《有决心的士兵》系列"></i></h5>
                                    </label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="def-pc-up-minus" onclick="minus('def-pc-up')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="def-pc-up" value="0" onkeyup="update('def-pc-up')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="def-pc-up-plus" onclick="plus('def-pc-up')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="def-pc-up-slide" min="0" max="20" value="0" oninput="slide('def-pc-up')">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6 half-left">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="crit" class="col-md-7 col-form-label form-control-sm"><h5>减伤 (%)</h5></label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="dmg-reduc-minus" onclick="minus('dmg-reduc')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="dmg-reduc" value="0" onkeyup="update('dmg-reduc')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="dmg-reduc-plus" onclick="plus('dmg-reduc')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="dmg-reduc-slide" min="0" max="100" value="0" oninput="slide('dmg-reduc')">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 half-right">
                            <div class="stat-block">
                                <div class="form-group row col-sm-12">
                                    <label for="crit" class="col-md-7 col-form-label form-control-sm"><h5>伤害分配 (%)</h5></label>
                                    <div class="input-group input-group-sm col-md-5">
                                        <div class="input-group-prepend">
                                            <button class="btn btn-outline-secondary" type="button" id="dmg-trans-minus" onclick="minus('dmg-trans')">&minus;</button>
                                        </div>
                                        <input type="number" class="form-control text-center" id="dmg-trans" value="0" onkeyup="update('dmg-trans')">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="dmg-trans-plus" onclick="plus('dmg-trans')">&plus;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row col-sm-12">
                                    <input type="range" class="custom-range" id="dmg-trans-slide" min="0" max="100" value="0" oninput="slide('dmg-trans')">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-sm-12">
                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="def-up" value="0.6" onchange="resolve()">
                            <label class="custom-control-label" for="def-up">
                                <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_def_up.png" width="20" height="20" /> 防御力增加
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="target-vigor" value="0.3" onchange="resolve()">
                            <label class="custom-control-label" for="target-vigor">
                                <img src="https://epic7x.com/wp-content/uploads/2019/02/vigor.png" width="20" height="20" /> 魄力
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="def-down" value="-0.7" onchange="resolve()">
                            <label class="custom-control-label" for="def-down">
                                <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_def_dn.png" width="20" height="20" /> 防御力减少
                            </label>
                        </div>

                        <div class="custom-control custom-checkbox custom-control-inline buff-block">
                            <input class="custom-control-input" type="checkbox" id="target" value="1.15" onchange="resolve()">
                            <label class="custom-control-label" for="target">
                                <img src="https://epic7x.com/wp-content/uploads/2018/12/target-debuff-e7.png" width="20" height="20" /> 标靶
                            </label>
                        </div>
                    </div>
                </div>

                <hr />

                <div>
                    <h4>角色 特性</h4>
                    <div id="custom-block"></div>
                    <hr />
                </div>


                <h4>强化技能</h4>
                <div id="molagora-block"></div>
            </form>
        </div>

        <div id="damage-block">
            <h4>
                伤害计算
                <div class="btn-group" role="group" aria-label="Basic example">
                    <button id="compare-add-open" type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#compareAddModal">
                        <i class="fas fa-save"></i> <span class="d-none d-md-inline">保存</span>
                    </button>
                    <button id="compare-open" type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#compareModal">
                        <i class="fas fa-exchange-alt"></i> <span class="d-none d-md-inline">比较</span>
                        <span id="compare-pool-size" class="badge badge-light">0</span>
                    </button>
                </div>
                <span id="barrier-block" class="badge badge-light float-right">
                    <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_protect.png" width="20" height="20" /> <span id="barrier"></span>
                </span>
                <span id="bleed-damage-block" class="badge badge-light float-right">
                    <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_blood.png" width="20" height="20" /> <span id="bleed-damage"></span>
                </span>
                <span id="burn-damage-block" class="badge badge-light float-right">
                    <img src="https://epic7x.com/wp-content/uploads/2018/12/stic_blaze.png" width="20" height="20" /> <span id="burn-damage"></span>
                </span>
                <span id="bomb-damage-block" class="badge badge-light float-right">
                    <img src="https://epic7x.com/wp-content/uploads/2019/07/bomb.png" width="20" height="20" /> <span id="bomb-damage"></span>
                </span>
                <span id="artifact-dmg-block" class="badge badge-light float-right">
                    <i class="fas fa-cocktail"></i> <span id="artifact-dmg"></span>
                    <i class="far fa-question-circle fa-xs text-muted" data-toggle="tooltip" title="神器的追加伤害, 已经包含在下方的表格里"></i>
                </span>
            </h4>
            <div>
                <table class="table table-bordered table-sm col-sm-12">
                    <thead class="table-secondary">
                        <tr>
                            <th>技能</th>
                            <th>暴击</th>
                            <th>强击</th>
                            <th>普通</th>
                            <th>闪避</th>
                        </tr>
                    </thead>
                    <tbody id="damage"></tbody>
                </table>
            </div>
        </div>

        <footer class="page-footer pt-3 mt-5">
            <div class="container-fluid text-center text-md-left">
                <div class="row">
                    <div class="col-md-6 mt-md-0 mt-3">
                        <h5 class="text-uppercase">制作人员</h5>
                        <p>
                            主作者(Discord): Maphe#1384<br/>
                            致谢: okloio, haie<br/>
                            翻译: Rano / TriATK <span class="flag-icon flag-icon-cn"></span> / <i class="fas fa-user-secret"></i> <span class="flag-icon flag-icon-kr"></span> / Tagle <span class="flag-icon flag-icon-jp"></span>
                        </p>
                    </div>
                    <hr class="clearfix w-100 d-md-none pb-3">
                    <div class="col-md-3 mb-md-0 mb-3">
                        <h5 class="text-uppercase">参考资料</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="https://docs.google.com/spreadsheets/d/1aqL0Uj26PRW_jAUj8pYaSls_DOuFq30fvwQh8ol74-E/htmlview">技能倍率表(Google文档)</a>
                            </li>
                            <li>
                                <a href="https://epic7x.com">Epic 7x</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-3 mb-md-0 mb-3">
                        <h5 class="text-uppercase">意见建议</h5>
                        <ul class="list-unstyled">
                            <li>
                                <a href="https://github.com/maphe/maphe.github.io/issues/new">提交bug</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
        <div id="compareAddModal" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">伤害比较</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label for="damage-mem-name" class="col-form-label">配装名称</label>
                                <input type="text" class="form-control" id="damage-mem-name" placeholder="输入配装名称">
                            </div>
                        </form>
                        <span class="text-muted font-italic">为同一个英雄保存配装时会覆盖同名的配装</span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">
                            <i class="fas fa-window-close"></i> 取消
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" id="compare-add">
                            <i class="fas fa-save"></i> 添加至对比列表
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div id="compareModal" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">伤害比较</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p id="compare-splash" style="display: none">目前这个英雄没有已保存的配装</p>
                        <div id="damage-comparison-block">
                            <table class="table table-bordered table-sm col-sm-12">
                                <thead class="table-secondary">
                                <tr id="damage-header"></tr>
                                </thead>
                                <tbody id="damage-comparison"></tbody>
                            </table>
                            <span class="text-muted font-italic">此处默认比较的是暴击伤害，在技能无法触发暴击的情况下会比较普通伤害</span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="clear-compare" type="button" class="btn btn-danger btn-sm">
                            <i class="fas fa-trash-alt"></i> 清除全部
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">
                            <i class="fas fa-window-close"></i> 关闭
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <script src="https://cdnjs.loli.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdnjs.loli.net/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
        <script src="https://cdnjs.loli.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.loli.net/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js"></script>
        <script src="https://cdnjs.loli.net/ajax/libs/font-awesome/5.13.1/js/all.min.js"></script>
        <script src="../lang.js"></script>
        <script src="../compare.js"></script>
        <script src="../form.js"></script>
        <script src="../heroes.js"></script>
        <script src="../artifacts.js"></script>
        <script src="../calculator.js"></script>
    </body>
</html>
